<template>
	<view class="container">
		<view class="lists" v-for="index in 16" :key="index">
			<view class="lists_item">
				<view class="title">消防同道</view>
				<view class="flex flex-between">
					<view class="flex-col items-center">
						<view class="item_num">2121</view>
						<view>全部场所</view>
					</view>
					<view class="flex-col items-center">
						<view class="item_num">2121</view>
						<view>巡查总次数</view>
					</view>
					<view class="flex-col items-center">
						<view class="item_num">2121</view>
						<view>整改中</view>
					</view>
					<view class="flex-col items-center">
						<view class="item_num">2121</view>
						<view>整改完成</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		onLoad,
		onReachBottom,
		onPullDownRefresh
	} from "@dcloudio/uni-app";
	onReachBottom(()=>{
		console.log("onReachBottom")
	})
	onPullDownRefresh(()=>{
		console.log("onPullDownRefresh")
	})
</script>

<style scoped lang="scss">
	.container {
		padding: 24rpx 24rpx;

		.lists {
			.lists_item {
				padding: 20rpx;
				box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(0, 0, 0, 0.05);
				margin-bottom: 24rpx;

				.title {
					padding-bottom: 10rpx;
				}

				.item_num {
					color: #999;
				}
			}
		}
	}
</style>